<template>
  <div id="app">
    <NavBarView/>
    <router-view/>
  </div>
</template>

<script>
import NavBarView from './components/NavBarView.vue';
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap/dist/js/bootstrap"

export default{
  components: {
    NavBarView
  },
  name: 'App',
  created() {
    // 在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem('store')) {
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem('store'))
        )
      )
    }
 
    // 在页面刷新时将vuex里的信息保存到sessionStorage里
    // beforeunload事件在页面刷新时先触发
    window.addEventListener('beforeunload', () => {
      sessionStorage.setItem('store', JSON.stringify(this.$store.state))
    })
  },
}
</script>


<style>
body {
  background-image: url("@/assets/background.png");
  background-size: cover;
  width: 100%;
	height: 800px; /* 固定高度 */
  /* overflow-y: hidden; */
	/* background-image: url(../assets/img/bg1.png); */
	background-position: 0 0;
  background-attachment: fixed;
}
</style>>
